<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
<!-- 验证码存放的div块 -->
<div id="captcha-box"></div>

<script>
    $(function () {

        // 英文
        var us = {
            tips_success: "Verification successful",
            tips_error: "Validation failed",
            tips_4001: "try again",
            image_click_title: "Select in this order:",
            scrape_title_before: "Drag slider display",
            scrape_title_after: "let go",
            word_order_image_title: "Click on the text in word order",
            rotate_degree_title: "Drag the slider to make the angle positive",
            slider_title: "Slide to complete the puzzle",
            concat_title: "Slide to complete the puzzle",
            rotate_title: "Slide to complete the puzzle",
            image_click_title_size: "16px",
            word_order_image_title_size: "18px",
            rotate_degree_title_size: "14px",
        }
        // 德文
        var de = {
            tips_success: "Überprüfung erfolgreich",
            tips_error: "Validierung fehlgeschlagen",
            tips_4001: "Versuchen Sie es erneut",
            image_click_title: "In dieser Reihenfolge auswählen:",
            scrape_title_before: "Schieberegleranzeige ziehen",
            scrape_title_after: "lass los",
            word_order_image_title: "Klicken Sie auf den Text in Wortreihenfolge",
            rotate_degree_title: "Ziehen Sie den Schieberegler, um den Winkel positiv zu machen",
            slider_title: "Schieben Sie, um das Puzzle zu vervollständigen",
            concat_title: "Schieben Sie, um das Puzzle zu vervollständigen",
            rotate_title: "Schieben Sie, um das Puzzle zu vervollständigen",
            image_click_title_size: "9px",
            word_order_image_title_size: "13px",
            rotate_degree_title_size: "9px",
            scrape_title_size: "10px",
            slider_title_size: "12px",
            concat_title_size: "12px",
            rotate_title_size: "12px",

        }
        // 中文,使用系统自带
        var zh = null


        // 样式配置
        const config = {
            requestCaptchaDataUrl: "http://localhost:8083/gen/random",
            validCaptchaUrl: "http://localhost:8083/check3",
            bindEl: "#captcha-box",
            chainString: "cl>json>rsaaes>base64"
        }
        const style= {
            // 不传默认为中文
            i18n: zh,
            // i18n: us
        }
        new TAC(config,style).init();
    });
</script>
</body>

</html>
